<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xmlns:wicket="http://wicket.apache.org/">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>WiQuery 1.0 Demo application</title>
	 <link rel="stylesheet" type="text/css" media="screen" href="style/demo.css" />
     <style type="text/css" media="style">
          @import url(style/demo.css) screen;
     </style>
</head>
<body>

	<a href="#" wicket:id="viewSource" class="view-source ui-state-default ui-corner-all">
		<span class="ui-icon ui-icon-newwin"></span>View source
	</a>
	
	<div wicket:id="source-viewer">
		<iframe id="source-loader" src=""><p>Source code</p></iframe>
	</div>

	<div>
		<ul class="leftMenu" wicket:id="leftMenu">
			<li>
				<h2><a href="#">WiQUery Core</a></h2>
				<div>
					<ul>
						<li><a wicket:id="behaviorMenu" href="#">Behavior abstraction</a></li>
						<li><a wicket:id="statementsMenu" href="#">Core jQuery statements</a></li>
						<li><a wicket:id="eventsMenu" href="#">Events (Both Ajax and non Ajax)</a></li>
						<li><a href="#">Effects [TODO]</a></li>
					</ul>
				</div>
			</li>
			<li>
				<h2><a href="#">WiQUery UI</a></h2>
				<div>
					<ul>
						<li><a wicket:id="effectMenu"    href="#">Effects</a></li>
						<li><a wicket:id="draggableMenu" href="#">Draggable</a></li>
						<li><a wicket:id="droppableMenu" href="#">Droppable</a></li>
						<li><a wicket:id="resizableMenu" href="#">Resizable</a></li>
						<li><a href="#">Accordion [TODO]</a></li>
						<li><a wicket:id="tabsMenu" href="#">Tab panel</a></li>
						<li><a wicket:id="progressMenu" href="#">Progress bar</a></li>
						<li><a wicket:id="dialogMenu" href="#">Dialog</a></li>
					</ul>
				</div>
			</li>
			<li>
				<h2><a href="#">WiQUery plugins</a></h2>
				<div>
					<ul>
						<li><a href="#">How to bind your jQuery plugin [TODO]</a></li>
						<li><a wicket:id="flexigridMenu" href="#">Example: flexigrid plugin</a></li>
					</ul>
				</div>
			</li>
		</ul>
	</div>
	
	<div id="content-wrapper">
		<div wicket:id="content">
			
		</div>
	</div>
	
	<script type="text/javascript">
	   var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
	   document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
	</script>
	<script type="text/javascript">
	   try {
		   var pageTracker = _gat._getTracker("UA-4935108-3");
		   pageTracker._trackPageview();
		   } catch(err) {}
    </script>
</body>
</html>
